<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Tab Demos</title>
	
	<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
	<script src="../../../../scripts/jquery.utils.js" type="text/javascript"></script>
	
	<script src="../../../../scripts/jquery_ui/jquery.ui.core.js" type="text/javascript" ></script>
	<script src="../../../../scripts/jquery_ui/jquery.ui.widget.js" type="text/javascript" ></script>
	
	<link  href="../../../../themes/default/ui.css" type="text/css" rel="stylesheet" />
	
	<script src="../jquery.ui.tabs.js" type="text/javascript"></script>
	<link  href="../jquery.ui.tabs.css" rel="stylesheet" type="text/css" />
		
	<link type="text/css" href="../../../demos.css" rel="stylesheet" />
	<script type="text/javascript" src="../../../../scripts/jquery_plugins/jquery.json.js"></script>
<!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>
	<style type="text/stylesheet">
		div{
			margin:0px;
			padding:0px;
		}
	</style>

	<script>
		function test(event,ui){
			alert('tab closing......') ;
			return true ;
		}
		
		function test2(){
			alert('tab closed') ;
			return true;
		}
	</script>
</head>

<body>
	<div class="widget-class" widget="tabs" options="{'height':'500px','closable':'true','tabClosing':'test','tabClosed':'test2'}">
		<div options="{'label':'htmlFragment','content':'motabs-1'}" id="motabs-1" style="margin:0px;padding:0px;">
			<p>Html 片段...</p>
		</div>
		<div options="{'label':'ajaxTab','url':'ajax_content.html'}" id="tabs-2" style="margin:0px;padding:0px;">
		</div>
		<div options="{'label':'iframeTab ','url':'http://www.google.cn','iframe':'true'}" id="tabs-3" style="margin:0px;padding:0px;">
		</div>
	</div>
	
</body>
</html>